<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<h1 class="page-header">Ranking</h1>
<div class="row">
    <div class="col-xs-6 col-sm-3 placeholder">
        <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Advanced</h4>
        <span class="text-muted">Season 2015</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
        <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Intermediate A</h4>
        <span class="text-muted">Season 2015</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
        <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Intermediate B</h4>
        <span class="text-muted">Season 2015</span>
    </div>
    <div class="col-xs-6 col-sm-3 placeholder">
        <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
        <h4>Starter</h4>
        <span class="text-muted">Season 2015</span>
    </div>
</div>
<h2 class="sub-header">Ranking Advanced</h2>
<div class="table-responsive" ng-app="" ng-controller="rankingController">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Rank</th>
                <th>Name</th>
                <th>Points</th>
                <th>Week Change</th>
                <th>Tourn Played</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="player in advancedRanking">
                <td>{{ player.rank }}</td>
                <td>{{ player.name }}</td>
                <td>{{ player.points }}</td>
                <td>{{ player.weekChange }}</td>
                <td>{{ player.tournPlayed }}</td>
            </tr>
        </tbody>
    </table>
</div>

<script src="<c:url value='/resources/js/docs.min.js'/>"></script>
<script src="<c:url value='/resources/js/ranking.js'/>"></script>
<script>

</script>